<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            margin: 0 auto;
        }

        .menu{
            display: block;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div style="height: 48px;background-color: black;color: white">
        后台管理
    </div>
    <div style="position: absolute;top: 48px;bottom: 0;left: 0;width: 200px;background-color: #005ea7">
        <a class="menu" href="user_info.html" style="color: white">用户管理</a>
        <a class="menu" href="user_group_info.html" style="color: white">用户组管理</a>
    </div>
    <div style="position: absolute;top: 48px;bottom: 0;left: 200px">
        <table border="1">
            {% for i in user_list %}
                <tr>
                    <td>{{ i.id }}</td>
                    <td>{{ i.username }}</td>
                    <td>{{ i.password }}</td>
                </tr>
            {% endfor %}
        </table>

    </div>
</body>
</html>